<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<div id="div01">
			div01
		</div>
		<br />
		<div id="div02" class="two">
			div02
		</div>
		<br />
		<div id="div03">
			div03
		</div>
		<br />
		<div id="div04" class="two">
			div04
		</div>
		
		<script type="text/javascript">
			
			// 1. 根据编号查找	
			// var div01 =  document.getElementById("div01");
			// div01.style.background = "red";
			
			// 2. 根据标签查找
			// var divs = document.getElementsByTagName("div");
			// for(var i=0;i<divs.length;i++)
			// {
			// 	divs[i].style.background = "blue";
			// }
			
			// 3. 根据class查找
			// var divs = document.getElementsByClassName("two");
			// for(var i=0;i<divs.length;i++)
			// {
			// 	divs[i].style.background = "yellow";
			// }			
			
			// 4. 根据name属性查找
			// var divs = document.getElementsByName()
			
			// 5. 使用css选择器查找
			// querySelector() 查询符合css选择器的第一个元素
			// var div1= document.querySelector("#div01");
			// var div2= document.querySelector(".two");
			// var div3= document.querySelector("div");
			// querySelectorAll() 查询符合css选择器的所有元素
			// var divs2= document.querySelectorAll(".two");
			// var divs3= document.querySelectorAll("div");
			
			
		</script>
	</body>
</html>
